<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="description" content="Dialog 组件 mask 插件示例">
	<title>Page 分页插件</title>
	<link rel="stylesheet" type="text/css" href="css/Page.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/Page.js"></script>
</head>
<body>
	<div class="copot">
		
		<div id="copot-page">

		</div>

	</div>
</body>
<script>
    $(function(){
        var page_ = new Page({
            parent:$("#copot-page"),
            nowPage:1,
            pageSize:1,
            totalCount:20,
            setting: {
                defaultPage:20,
                firstPageText:"首页",
                prevPageText:"上一页",
                nextPageText:"下一页",
                lastPageText:"LAST"
            },
            callback:function(nowPage,totalPage){
//			alert("当前"+nowPage+"页--总共有"+totalPage+"页");

                //这个插件默认会返回  nowPage,totalPage  这两个参数回来， nowPage是当前需要哪一页的数据，totalPage是总页数
                var mid = this.innerHTML;
                $('#content').empty();
                getDate( nowPage,count_ );
            }
        });

        function getDate( start,count ){
            jQuery.ajax({    //   没有封装的  本月数据
                type: "get",
                async: false,
                url: "http://123.207.13.182/api/v1.0/charts_v3",
                data: {
                    start:start,
                    count:count
                },
                dataType: "json",
                success: function( ret ){
                    var ret = ret.measurements;
                    for( var i = 0;i<ret.length;i++ ){
                        $('#copot-page').append( '<img src="'+ret[i].user.small_avatar+'">' );
                    }
                }
            });
        }

        var count_ = 20;  //声明每一页数据显示 20 条。 这个是跟后台约定好的，因为我看到第一次传递的数据后来是 20 条，也就是说默认是 20 条;

        getDate();  //默认不写 start 跟 count 参数，那就是说默认会传递第一页的数据。


    });
</script>
</html>



















